<%--
  Created by IntelliJ IDEA.
  User: dzw
  Date: 2018/4/6
  Time: 11:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
  String realPath = request.getServletContext().getRealPath("/");
  String newPath = realPath.replace('\\', '/');
%>

<style>
  table td,table th{
    text-align: center;
    vertical-align: middle !important;
    /*font-weight: normal !important;*/
    font-size: 12px !important;
  }

  #summaryTbody a{
    text-decoration: underline;
  }

  table a{
    color: #346edc;
  }
</style>

<div id="page-content">
  <div class="row">
    <div class="col-lg-12">
      <div class="panel">
        <div class="panel-heading">
          <h3 class="panel-title" style="display: inline">2018年杨浦区居民区党组织换届情况统计表（换届后）</h3>
          <a id="exportSjAfter" class="btn btn-info btn-sm pull-right" href="javascript:void(0)" style="height: 30px;margin-top: 10px">
            <i class="ti-download"> </i> 导出
          </a>
        </div>
        <div class="panel-body">

          <table class="table table-bordered table-condensed table-striped">
            <thead>
            <tr>
              <th rowspan="4" width="6%">序号</th>
              <th rowspan="4" width="10%">街道（镇）</th>
              <th rowspan="4" width="6%">居民区党组织数</th>
              <th rowspan="4" width="6%">拟参加换届选举居民区党组织数</th>
              <th colspan="12">拟新任居民区书记情况</th>
            </tr>
            <tr>
              <th rowspan="3" width="6%">实有人数</th>
              <th colspan="2">一肩挑情况</th>
              <th colspan="2">女性</th>
              <th rowspan="3" width="6%">平均年龄（截至2018年5月31日）</th>
              <th colspan="4">学历</th>
              <th colspan="2" rowspan="2">退休返聘情况</th>
            </tr>
            <tr>
              <th rowspan="2" width="6%">一肩挑人数</th>
              <th rowspan="2" width="6%">比例</th>
              <th rowspan="2" width="6%">人数</th>
              <th rowspan="2" width="6%">比例</th>
              <th colspan="2">大专及以上</th>
              <th colspan="2">其中：全日制</th>
            </tr>
            <tr>
              <th rowspan="2" width="6%">人数</th>
              <th rowspan="2" width="6%">比例</th>
              <th rowspan="2" width="6%">人数</th>
              <th rowspan="2" width="6%">比例</th>
              <th rowspan="2" width="6%">人数</th>
              <th rowspan="2" width="6%">比例</th>
            </tr>
            </thead>
            <tbody id="summaryTbody">
            <c:forEach items="${data.data}" var="item" varStatus="index">
              <tr>
                <td>${index.index+1}</td>
                <td>${item.streetName}</td>
                <td><a href="javascript:void(0)" onclick="openStreetDetail('${item.streetId}','${item.streetName}')">${item.residentCount}</a></td>
                <td>${item.niResidentCount}</td>
                <td>${item.juminqushuji}</td>
                <td><a href="javascript:void(0)" onclick="openYijiantiao('${item.streetId}','${item.streetName}',0)">${item.yijiantiao}</a></td>
                <td class="yijiantiaoBi">${item.yijiantiaoBai}</td>
                <td><a href="javascript:void(0)" onclick="openNvPerson('${item.streetId}','${item.streetName}',0)">${item.nvxing}</a></td>
                <td>${item.nvxingBai}</td>
                <td>${item.ageAvg}</td>
                <td><a href="javascript:void(0)" onclick="openDaZhuanPerson('${item.streetId}','${item.streetName}',0)">${item.dazhuan}</a></td>
                <td>${item.dazhuanBai}</td>
                <td>${item.quanrizhi}</td>
                <td>${item.quanrizhiBai}</td>
                <td><a href="javascript:void(0)" onclick="openFanPinPerson('${item.streetId}','${item.streetName}')">${item.tuixiufanpin}</a></td>
                <td class="fanPinBi">${item.tuixiufanpinBai}</td>
              </tr>
            </c:forEach>
            <tr id="tableNum" style="font-weight: bold; background-color: #ccc; color: #FFF;">
              <td colspan="2" id="summaryNum">${numData.street}</td>
              <td id="td1">${numData.num01}</td>
              <td id="td2">${numData.num02}</td>
              <td id="td3">${numData.num03}</td>
              <td id="td4">${numData.num04}</td>
              <td id="td5">${numData.num05}</td>
              <td id="td6">${numData.num06}</td>
              <td id="td7">${numData.num07}</td>
              <td id="td8">${numData.num08}</td>
              <td id="td9">${numData.num09}</td>
              <td id="td10">${numData.num10}</td>
              <td id="td11">${numData.num11}</td>
              <td id="td12">${numData.num12}</td>
              <td id="td13">${numData.num13}</td>
              <td id="td14">${numData.num14}</td>
            </tr>
            </tbody>

          </table>

        </div>
      </div>
    </div>

  </div>
</div>

<form action="<%=path%>/com/export/downloadSjAfter" id="sj_form" method="post">
  <input name="filepath" id="filepath" type="hidden" value="" />
  <input name="fileFullName" id="fileFullName" type="hidden"/>
  <input name="sjData" id="sjData" type="hidden"/>
</form>

<script>

//  $(function(){
//    $("#tableNum td").each(function(index){
//      if(index!=0){
//        var trs = $("#summaryTbody tr");
//        var a=0;
//        for(var i=0;i<trs.length-1;i++){
//          var nu=trs.eq(i).find("td").eq(index+1).text();
//          if(nu.indexOf("%")>=0){
//            var number = toPoint(nu);
//            a+=parseFloat(number);
//          }else{
//            a+=parseInt(nu);
//          }
//        }
//
//        if(index==5 || index==7 || index==10 || index==12 || index==14){
//
//        }else if(index==8){
//          var size = $("#summaryTbody tr").size()-1;
//          $(this).text((a/size).toFixed(2));
//        }else{
//          $(this).text(a);
//        }
//      }
//
//    });
//
//    //计算几个百分数的总和
//    var juminqu = parseInt($("#td3").text());
//    $("#td5").text(toPercent(parseInt($("#td4").text()) / juminqu));
//    $("#td7").text(toPercent(parseInt($("#td6").text()) / juminqu));
//    $("#td10").text(toPercent(parseInt($("#td9").text()) / juminqu));
//    $("#td12").text(toPercent(parseInt($("#td11").text()) / juminqu));
//    $("#td14").text(toPercent(parseInt($("#td13").text()) / juminqu));
//
//    $("#summaryNum").text("合计（以拟参选数为基数）");
//
//
//    //退休返聘比例大于30%要设置红色
//    $(".fanPinBi").each(function(){
//      var count = $(this).text().split(".")[0];
//      if(parseInt(count)>30){
//        $(this).css("color","red");
//      }
//    });
//
//    //一肩挑比例小于25%要设置红色
//    $(".yijiantiaoBi").each(function(){
//      var count = $(this).text().split(".")[0];
//      if(parseInt(count)<25){
//        $(this).css("color","red");
//      }
//    });
//
//
//  });

  //百分数转小数
  function toPoint(percent){
    var str=percent.replace("%","");
    str= str/100;
    return str;
  }

  //小数转百分数
  function toPercent(point){
    var str=Number(point*100).toFixed(2);
    str+="%";
    return str;
  }

  //居民区党组织数（打开街道下面的居民区列表）
  function openStreetDetail(streetId,streetName){
    if(streetId!="" && streetId!=null){
      __open_dialog_form_read(streetName,"<%=path%>/com/person/openStreet?streetId="+streetId);
    }else{
      __toastr_error("未找到此街道的相关信息");
    }
  }

  //打开一肩挑人员
  function openYijiantiao(streetId,streetName,isBeiXuan) {
    if (streetId != "" && streetId != null) {
      var name = isBeiXuan == 0 ? "居民区书记" : "备选书记";
      __open_dialog_form_read(streetName + "-" + name, "<%=path%>/com/person/openYijiantiao?streetId=" + streetId + "&isBeiXuan=" + isBeiXuan + "&type=after");
    } else {
      __toastr_error("未找到相关数据");
    }
  }

  //打开人员详情 -- 女性链接
  function openNvPerson(streetId,streetName,isBeiXuan){
    if(streetId!="" && streetId!=null){
      var name = isBeiXuan==0 ? "居民区书记" : "备选书记";
      __open_dialog_form_read(streetName+"-"+name,"<%=path%>/com/person/openPerson?streetId="+streetId+"&isBeiXuan="+isBeiXuan + "&type=after");
    }else{
      __toastr_error("未找到相关数据");
    }
  }

  //打开人员列表 -- 大专链接
  function openDaZhuanPerson(streetId,streetName,isBeiXuan){
    if(streetId!="" && streetId!=null){
      var name = isBeiXuan==0 ? "居民区书记" : "备选书记";
      __open_dialog_form_read(streetName+"-"+name,"<%=path%>/com/person/openDaZhuanPerson?streetId="+streetId+"&isBeiXuan="+isBeiXuan + "&type=after");
    }else{
      __toastr_error("未找到相关数据");
    }
  }

  //打开人员列表 -- 退休返聘链接
  function openFanPinPerson(streetId,streetName){
    if(streetId!="" && streetId!=null){
      __open_dialog_form_read(streetName+"-居民区书记","<%=path%>/com/person/openFanPinPerson?streetId="+streetId + "&type=after");
    }else{
      __toastr_error("未找到相关数据");
    }
  }

  $("#exportSjAfter").click(function(){
    var sjList = new Array();
    $("#summaryTbody tr").each(function(i){
      var sj = new Object();
      if((i+1)!=$("#summaryTbody tr").size()){ //前面的几行...
        sj.td0 = $(this).find("td").eq(0).text();
        sj.td1 = $(this).find("td").eq(1).text();
        sj.td2 = $(this).find("td").eq(2).text();
        sj.td3 = $(this).find("td").eq(3).text();
        sj.td4 = $(this).find("td").eq(4).text();
        sj.td5 = $(this).find("td").eq(5).text();
        sj.td6 = $(this).find("td").eq(6).text();
        sj.td7 = $(this).find("td").eq(7).text();
        sj.td8 = $(this).find("td").eq(8).text();
        sj.td9 = $(this).find("td").eq(9).text();
        sj.td10 = $(this).find("td").eq(10).text();
        sj.td11 = $(this).find("td").eq(11).text();
        sj.td12 = $(this).find("td").eq(12).text();
        sj.td13 = $(this).find("td").eq(13).text();
        sj.td14 = $(this).find("td").eq(14).text();
        sj.td15 = $(this).find("td").eq(15).text();

      }else{ //合计
        sj.td0 = "";
        sj.td1 = $(this).find("td").eq(0).text();
        sj.td2 = $(this).find("td").eq(1).text();
        sj.td3 = $(this).find("td").eq(2).text();
        sj.td4 = $(this).find("td").eq(3).text();
        sj.td5 = $(this).find("td").eq(4).text();
        sj.td6 = $(this).find("td").eq(5).text();
        sj.td7 = $(this).find("td").eq(6).text();
        sj.td8 = $(this).find("td").eq(7).text();
        sj.td9 = $(this).find("td").eq(8).text();
        sj.td10 = $(this).find("td").eq(9).text();
        sj.td11 = $(this).find("td").eq(10).text();
        sj.td12 = $(this).find("td").eq(11).text();
        sj.td13 = $(this).find("td").eq(12).text();
        sj.td14 = $(this).find("td").eq(13).text();
        sj.td15 = $(this).find("td").eq(14).text();
      }
      sjList.push(sj);
    });

    var jsonVal = JSON.stringify(sjList);
    $("#sjData").val(jsonVal);

    $('#filepath').val("<%=newPath%>/file/"+encodeURIComponent("sjAfter.xls") );
    $('#fileFullName').val(encodeURIComponent("sjAfter.xls"));
    $("#sj_form").submit();

  });

</script>